<!DOCTYPE html>
<html class="codeberg-design">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>{{.StatusText}}</title>

    <link
      rel="stylesheet"
      href="https://design.codeberg.org/design-kit/codeberg.css"
    />
    <link
      rel="stylesheet"
      href="https://fonts.codeberg.org/dist/inter/Inter%20Web/inter.css"
    />

    <style>
      body {
        margin: 0;
        padding: 1rem;
        box-sizing: border-box;
        width: 100%;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      code {
        border-radius: 0.25rem;
        padding: 0.25rem;
        background-color: silver;
      }
    </style>
  </head>
  <body>
    <svg
      xmlns="http://www.w3.org/2000/svg"
      height="10em"
      viewBox="0 0 24 24"
      fill="var(--blue-color)"
    >
      <path
        d="M 9 2 C 5.1458514 2 2 5.1458514 2 9 C 2 12.854149 5.1458514 16 9 16 C 10.747998 16 12.345009 15.348024 13.574219 14.28125 L 14 14.707031 L 14 16 L 19.585938 21.585938 C 20.137937 22.137937 21.033938 22.137938 21.585938 21.585938 C 22.137938 21.033938 22.137938 20.137938 21.585938 19.585938 L 16 14 L 14.707031 14 L 14.28125 13.574219 C 15.348024 12.345009 16 10.747998 16 9 C 16 5.1458514 12.854149 2 9 2 z M 9 4 C 11.773268 4 14 6.2267316 14 9 C 14 11.773268 11.773268 14 9 14 C 6.2267316 14 4 11.773268 4 9 C 4 6.2267316 6.2267316 4 9 4 z"
      />
    </svg>
    <h1 class="mb-0 text-primary">{{.StatusText}} ({{.StatusCode}})!</h1>
    <h5 class="text-center" style="max-width: 25em">
      <p>Sorry, but this page couldn't be served.</p>
      <p><b>"{{.Message}}"</b></p>
      <p>
        We hope this isn't a problem on our end ;) - Make sure to check the
        <a
          href="https://docs.codeberg.org/codeberg-pages/troubleshooting/"
          target="_blank"
          >troubleshooting section in the Docs</a
        >!
      </p>
    </h5>
    <small class="text-muted">
      <img
        src="https://design.codeberg.org/logo-kit/icon.svg"
        class="align-top"
      />
      Static pages made easy -
      <a href="https://codeberg.page">Codeberg Pages</a>
    </small>
  </body>
</html>
